<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <!-- 优先使用chrome内核 开始-->
  <meta name="renderer" content="webkit" />
  <meta name="force-rendering" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <!-- 优先使用chrome内核 结束-->
  <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcut icon" type="image/x-icon" href="images/logo.png">
  <title>小袁同学 | How lucky to meet you!</title>
  <meta name="description" content="小袁同学的个人主页，期待与更多的人相遇！How lucky to meet you!">
  <meta name="keywords" content="小袁,小袁同学,小袁同学个人网,小袁同学个人主页，小袁导航，小导航">
  <link rel="apple-touch-icon-precomposed" href="images/avatar.bab2b7d4.jpeg">
  <link rel="stylesheet" type="text/css" href="css/h.9c69ed6c.css">
  <link rel="stylesheet" type="text/css" href="css/nekotora.99cf6f8c.css">
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-137340638-1"></script>
  <!-- IE内核跳转请升级您的浏览器提示页面 开始-->
  <script>if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href="https://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); </script>
  <!-- IE内核跳转请升级您的浏览器提示页面 结束-->
  <script>function a() { dataLayer.push(arguments) } window.dataLayer = window.dataLayer || [], a("js", new Date), a("config", "UA-137340638-1");</script>
  <script src="js/toastr.min.js"></script>
  <script src="js/page.3a0791a3.js"></script>
  <script type="text/javascript" src="js/stats.js" charset="UTF-8"></script>
</head>

<body>
  <nav>
    <a href="#wenan">文案</a>
    <a href="#guanyu">关于</a>
    <a href="#my">联系我</a>
    <a href="#youlian">伙伴</a>
    <a href="#banquan">版权</a>
  </nav>

  <body onContextMenu="alert('你右键想干嘛？？'); return false"
    NOOP="if (window.event != null && window.event.button == 2) alert ('Thanks...');">

    <body data-phone-cc-input="1">

      <body>

        <link href="css/toastr.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <link href="css/toastr.min.css" rel="stylesheet">
        <script src="js/toastr.min.js"></script>
        <style>
          .toast-bottom-center {
            position: absolute;
            left: 30px;
            right: 10px;
            top: 20px;
          }
        </style>

        <div class="background">
          <canvas id="startrack"></canvas>
          <div class="cover"></div>
        </div>
        <div class="main" id="wenan">
          <div class="ch intro">
            <div class="container">
              <div class="hello">
                <h1 id="slogan">思考中...</h1>
                <h2>
                  <div class="circle"> <span></span> <span></span>
                    <span></span>
                  </div>小袁 | 小袁同学
                </h2>
              </div>
            </div>
          </div>
          <div class="ch about" id="guanyu">
            <div class="container">
              <h2 class="chtitle">Who is <span>小袁</span>？</h2>
              <div class="clear">
                <div class="introduct">
                  <img class="avatar" src="https://q1.qlogo.cn/g?b=qq&nk=3528651414&s=640">
                  <p style="padding-bottom:1em;">How lucky to meet you!</p>
                  <P>坚硬的代替了那些柔软的，清晰的取代了那些模糊的。那些滑溜溜和黏糊糊的东西，带你来到了世界的角落。</p>
                  <p>你好，这里是小袁同学的主页，20岁是一名学生，对有趣的世界和可能有趣的你感到好奇，热爱编程和网络设备，正在努力上学中。</p>
                  <p>希望能与你在比特之海的繁星之下相见！</p>
                  <div class="chatbox">
                    <div class="line loading"> <span></span>
                      <span></span> <span></span>
                    </div>
                  </div>
                </div>
                <ul class="skill clear">
                  <li>
                    <p>HTML5/CSS3</p>
                    <div class="progress">
                      <div style="width:50%;"></div>
                      <span>制作网站程度的能力</span>
                    </div>
                  </li>
                  <li>
                    <p>JavaScript/Typescript</p>
                    <div class="progress">
                      <div style="width:55%;"></div>
                      <span>使用JS的能力</span>
                    </div>
                  </li>
                  <li>
                    <p>JAVA</p>
                    <div class="progress">
                      <div style="width:35%;"></div>
                      <span>使用JAVA的能力</span>
                    </div>
                  </li>
                  <li>
                    <p>Python</p>
                    <div class="progress">
                      <div style="width:30%;"></div>
                      <span>使用Python的能力</span>
                    </div>
                  </li>
                  <li>
                    <p>PHP</p>
                    <div class="progress">
                      <div style="width:60%;"></div>
                      <span>PHP语言使用程度的能力</span>
                    </div>
                  </li>
                  <li>
                    <p>热爱生活</p>
                    <div class="progress">
                      <div style="width:100%;">
                      </div><span>让自己舒服程度的能力</span>
                    </div>
                  </li>
                  <li>
                    <p>世界</p>
                    <div class="progress">
                      <div style="width:100%;"></div>
                      <span>观测世界程度的能力</span>
                    </div>
                  </li>
                  <li>
                    <p>搞事情</p>
                    <div class="progress">
                      <div style="width:100%;"></div>
                      <span>让事情发生程度的能力</span>
                    </div>
                  </li>
                  <li>
                    <p>幽默</p>
                    <div class="progress">
                      <div style="width:80%;"></div>
                      <span>搞笑程度</span>
                    </div>
                  </li>
                  <li>
                    <p>学习能力</p>
                    <div class="progress">
                      <div style="width:50%;"></div>
                      <span>高速学习能力</span>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="find ch" id="my">
            <div class="container links">
              <h2 class="chtitle">通过以下方式联系<span>俺</span></h2>
              <div class="clear col-3">
                <a href="http://ipv6.xiaoyuantongxue.cn" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#28a9e0"></div>
                    <div class="inner"> <span>IPV6测试站点</span> </div>
                  </div>
                </a>
                <a href="http://www.alinks.top" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#28a9e0"></div>
                    <div class="inner"> <span>小袁神奇实验室</span> </div>
                  </div>
                </a>
                <a href="https://touxiang.xiaoyuantongxue.cn" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#28a9e0"></div>
                    <div class="inner"> <span>国庆头像制作</span> </div>
                  </div>
                </a>
              </div>
              <div class="clear">
                <a href="http://wpa.qq.com/msgrd?v=3&uin=3528651414&site=qq&menu=yes" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#eeff00"></div>
                    <div class="inner"> <i class="icon-qq"></i>
                      <span>QQ</span>
                    </div>
                  </div>
                </a>
                <a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=8ouHk5yGnZyVioeXxLKDg9yRnZ8"
                  style="text-decoration:none;" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#00ff80"></div>
                    <div class="inner"> <i class="icon-mail"></i> <span>Email</span> </div>
                  </div>
                </a>
                <a href="https://weibo.com/u/7518892205" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#e6162d"></div>
                    <div class="inner"> <i class="icon-weibo"></i> <span>Weibo</span> </div>
                  </div>
                </a>
                <a href="https://space.bilibili.com/663412040" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#f9a2a8"></div>
                    <div class="inner"> <i class="icon-bilibili"></i>
                      <span>Bilibili</span>
                    </div>
                  </div>
                </a>
                <a href="https://twitter.com/XiaoYuan55" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#b600ff"></div>
                    <div class="inner"> <i class="icon-twitter"></i> <span>Twitter</span> </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#eeff00"></div>
                    <div class="inner"> <i class="icon-zhihu"></i>
                      <span>知乎</span>
                    </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#00ff80"></div>
                    <div class="inner"> <i class="icon-bookmark"></i> <span>Bangumi</span> </div>
                  </div>
                </a> <a href="http://music.163.com" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#f12d35"></div>
                    <div class="inner"> <i class="icon-netease_music"></i>
                      <span>网易云音乐</span>
                    </div>
                  </div>
                </a>
                <a href="https://github.com/XiaoYuan666480" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#f9a2a8"></div>
                    <div class="inner"> <i class="icon-github"></i> <span>Github</span> </div>
                  </div>
                </a>
                <a href="/" target="_blank">
                  <div class="item">
                    <div class="bg" style="background-color:#b600ff"></div>
                    <div class="inner"> <i class="icon-instagram"></i> <span>Instgram</span> </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
          <div class="gate ch" id="youlian">
            <div class="container links">
              <h2 class="chtitle">小袁的<span>伙伴</span>们</h2>
              <div class="clear"> <a href="https://www.kfdh.top/" target="_blank">
                  <div class="item">
                    <div class="avatar"> <img src="https://www.kfdh.top/favicon.ico"> </div>
                    <div class="inner">
                      <h5>KF导航网</h5>
                      <p>名站免费收录网站</p>
                    </div>
                  </div>
                </a>
                <a href="https://idc.886la.cn/" target="_blank">
                  <div class="item akarin">
                    <div class="avatar"> <img src="images/paoluyun.png"> </div>
                    <div class="inner">
                      <h5>老实云服务器</h5>
                      <p>高速、稳定的云服务器</p>
                    </div>
                  </div>
                  <a href="https://xn--kbt444f.xbnb666.top/" target="_blank">
                    <div class="item">
                      <div class="avatar"> <img src="https://xn--kbt444f.xbnb666.top/img/ico.ico"> </div>
                      <div class="inner">
                        <h5>小暴团队</h5>
                        <p>专注于WEB前后端开发</p>
                      </div>
                    </div>
                  </a>
                </a>
                <a href="http://www.kfjx.com/" target="_blank">
                  <div class="item">
                    <div class="avatar"> <img src="http://www.kfjx.com/images/logo.png"> </div>
                    <div class="inner">
                      <h5>开封技师学院</h5>
                      <p>站长所在学校</p>
                    </div>
                  </div>
                </a>
              </div>
            </div>
            </a>
          </div>
        </div>
        </div>
        </div>
        </div>
        <div class="footer ch" id="banquan">
          <div class="container">

            <h3>爱折腾的小袁同学</h3>
            <p>蘑菇森林的尽头，新世界的起点</p>
            <br>
            &copy; 2019 -
            <script type="text/javascript">document.write((new Date()).getFullYear());</script>
            <a href="/">小袁同学</a> ~ 版权所有 &nbsp;|
            &nbsp; <a href="https://idc.886la.cn/login">老实云</a> ~ 提供数据支持 &nbsp; |
            &nbsp; <a href="https://api.uomg.com/">UomgAPI</a> ~ 提供背景音乐支持 &nbsp; |
            &nbsp; <a href="https://www.zhetengmao.com/">折腾猫</a> ~ 提供源码
          </div>
        </div>
        <audio src="https://api.uomg.com/api/rand.music?sort=热歌榜" id="audio"></audio>
        <script src="js/sweetalert.min.js"> </script>
        <script src="js/jquery-1.11.0.min.js"></script>
        <script src="js/main.js"></script>


        <!--安全认证-->
        <div id="cc-myssl-id" style="position: fixed;right: 0;bottom: 0;width: 65px;height: 65px;z-index: 99;">
          <a href="https://myssl.com/www.xiaoyuantongxue.cn ?from=mysslid">
            <img src="https://static.myssl.com/res/images/myssl-id.png" alt="安全认证" style="width:100%;height:100%"></a>
        </div>

</html>